<template>
    <div class="dv1">{{message}}</div>
    <div class="dv1">{{obj.message}}</div>
    <div class="dv2">{{message1}}</div>
</template>
<script setup>
import { reactive, toRef,ref } from 'vue';
let obj=reactive({message:"这是对象obj的message属性"});
let message=toRef(obj,"message")
let message1=ref("这是修改前message1的值");
setTimeout(()=>{
    message.value="这是修改后obj的message属性值";
    message1.value="这是修改后message1的值";
},2000)
</script>
<style scoped>
.dv1{
    background-color: aqua;
    font-size: 30px;
}
.dv2{
    background-color: beige;
    font-size: 30px;
}
</style>